// 高度
@for $i from 1 through 99 {
  .h-#{$i} {
    height: 1px * $i;
  }
  .min-h-#{$i} {
    min-height: 1px * $i;
  }
  .max-h-#{$i} {
    max-height: 1px * $i;
  }
}
@for $i from 1 through 10 {
  .h-#{$i*100} {
    height: 100px * $i;
  }
  .min-h-#{$i*100} {
    min-height: 100px * $i;
  }
  .max-h-#{$i*100} {
    max-height: 100px * $i;
  }
}
.h{
  &-auto{height: auto;}
  &-1\/2{height: 50%;}
  &-1\/3{height: 33.333333%;}
  &-2\/3{height: 66.666667%;}
  &-1\/4{height: 25%;}
  &-2\/4{height: 50%;}
  &-3\/4{height: 75%;}
  &-1\/5{height: 20%;}
  &-2\/5{height: 40%;}
  &-3\/5{height: 60%;}
  &-4\/5{height: 80%;}
  &-1\/6{height: 16.666667%;}
  &-2\/6{height: 33.333333%;}
  &-3\/6{height: 50%;}
  &-4\/6{height: 66.666667%;}
  &-5\/6{height: 83.333333%;}
  &-1\/1{height: 8.333333%;}
  &-2\/12{height: 16.666667%;}
  &-3\/12{height: 25%;}
  &-4\/12{height: 33.333333%;}
  &-5\/12{height: 41.666667%;}
  &-6\/12{height: 50%;}
  &-7\/12{height: 58.333333%;}
  &-8\/12{height: 66.666667%;}
  &-9\/12{height: 75%;}
  &-10\/12{height: 83.333333%;}
  &-11\/12{height: 91.666667%;}
  &-full{height: 100%;}
  &-screen{height: 100vh;}

}

.min-h-0{min-height: 0px;}
.min-h-full{min-height: 100%;}
.min-h-screen{min-height: 100vh;}
.max-h-screen{max-height: 100vh;}